<%@include file="taglibs.jsp" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>PORTAL - Sucesso</title>
	<%@include file="header_imports.jsp" %>
</head>
<body>

<div class="container" onclick="window.location='/PortalGrupo04/'">
	<style>
		#listaProdutos tr td {
			border: 1px solid gray;
		}
	</style>
		<div class="contentSingleColumn">
  	
			<div class="header"></div> 
			<%@include file="menuHome_topo.jsp" %>
    
			<div class="mainContent" style="font-size: 12px">
    
        		<h1> Pedido N&uacute;mero ${pedido.id}</h1>
        
        		<h2>Resumo</h2>
        		 <!--  LISTA DOS PRODUTOS -->
		        <table id="listaProdutos" width="95%" border="0" style="margin-left: 10px">
					<tr style="font-weight: bold; color: grey;">
			            <td>Nome</td>
			            <td>Quantidade</td>
			            <td>Valor</td>
			        </tr>
					<c:forEach var="p" items="${pedido.produtos}">
			        <tr>
			            <td>${p.nome}</td>
			            <td>${p.quantidade}</td>
			            <td>R$ <fmt:formatNumber maxFractionDigits="2" minFractionDigits="2">${p.valor}</fmt:formatNumber></td>
			        </tr>
			       	</c:forEach>
			       	 <tr>
			            <td style="border: none"></td>
			            <td style="border: none; ">Frete</td>
			        	<td  style="border: none;" >R$ <fmt:formatNumber maxFractionDigits="2" minFractionDigits="2">${pedido.entrega.frete}</fmt:formatNumber></td>
			        </tr>
			        <tr>
			            <td style="border: none"></td>
			            <td style="border: none; ">TOTAL</td>
			       		<td  style="border: none; font-weight: bold; color: black;">R$ <fmt:formatNumber maxFractionDigits="2" minFractionDigits="2">${pedido.total}</fmt:formatNumber></td>
			       	</tr>
		        </table>
		        <!--  /LISTA DOS PRODUTOS -->
		        <br/>
		        <!--  ENTREGA -->
		        <h2 id="enderecoDiv"> Dados da Entrega </h2>
		       	<div align="left" style="margin-left: 33%">
		          	${pedido.endereco.tipo} ${pedido.endereco.logradouro}<br/>
		            ${pedido.endereco.bairro}, ${pedido.endereco.cidade} - ${pedido.endereco.uf}<br/>
		           	CEP: ${pedido.endereco.cep}<br/>
		           	<b style="color: gray">Prazo para Entrega:</b> ${pedido.entrega.prazo} dias <br/>
		          	<b style="color: gray">C&oacute;digo de Acompanhamento:</b> ${pedido.entrega.numeroEntrega} (${pedido.entrega.transportadora})<br/>
		          	<b style="color: gray">Status:</b> ${statusEntrega}
		       	</div>
		        <!--  / ENTREGA -->
		        <br/>
		         <!--  PAGAMENTO -->
		        <h2 id="enderecoDiv"> Dados do Pagamento </h2>
		       	<div align="left" style="margin-left: 33%">
		        	<c:if test="${pedido.tipoPagamento eq 'cartao'}">
		        		Forma de Pagamento: Cart&atilde; de Cr&eacute;dito<br/>
		        		Identificador da Transa&ccedil;&atilde;: ${pedido.idTransacao }
		        	</c:if>
		        	<c:if test="${pedido.tipoPagamento eq 'boleto'}">
		        		Forma de Pagamento: Boleto<br/>
		        		N&uacute;mero do Boleto: ${pedido.numeroBoleto }
		        	</c:if>
		        </div>
		       	<br/>
		       	Agradecemos a prefer&ecirc;ncia!
    		<!-- end .maincontent --></div>
  		<!-- end .content --></div>
	<%@include file="rodape.jsp" %>
	<!-- end .container --></div>
</body>
</html>
